<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:ui="http://java.sun.com/jsf/facelets">
	<h:head>
		<title>Enrollment Management</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'/>
        <!-- bootstrap 3.0.2 -->
        <link href="../resources/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <!-- font Awesome -->
        <link href="../resources/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Ionicons -->
        <link href="../resources/css/ionicons.min.css" rel="stylesheet" type="text/css" />
        <!-- Theme style -->
        <link href="../resources/css/AdminLTE.css" rel="stylesheet" type="text/css" />
        <!-- Custom style -->
        <link href="../resources/css/Style.css" rel="stylesheet" type="text/css" />
        
        <!-- jQuery 2.0.2 -->
        <script src="../resources/js/jquery-1.11.0.min.js"></script>
        <!-- Bootstrap -->
        <script src="../resources/js/bootstrap.min.js" type="text/javascript"></script>
        <!-- AdminLTE App -->
        <script src="../resources/js/AdminLTE/app.js" type="text/javascript"></script> 
	</h:head>
	<h:body styleClass="skin-blue">
		<header class="header">
            <a href="index.html" class="logo">
                AdminLTE
            </a>
            <nav class="navbar navbar-static-top" role="navigation">
                <div class="navbar-right">
                	<ul class="nav navbar-nav">
                    	<li class="dropdown user user-menu">
                       		<h:form>
                       			<a href="#" class="dropdown-toggle" data-toggle="dropdown">
                       				<i class="glyphicon glyphicon-user"></i>
                              		<span>#{homeController.user.username}</span>
                          		</a>
								[<h:commandLink action="#{loginController.doLogout()}" value="Logout" />]
							</h:form>
                    	</li>
                    </ul>      
                </div>
            </nav>
        </header>
        <div class="wrapper row-offcanvas row-offcanvas-left">
            <aside class="left-side sidebar-offcanvas">                
                <section class="sidebar">
                    <ul class="sidebar-menu">
                        <li class="active">
                            <a href="home.xhtml"><i class="fa fa-dashboard"></i> <span>Home</span>
                            </a>
                        </li>
                        <li>
                            <a href="users.xhtml"><i class="fa fa-table"></i> <span>Manage Users</span>
                            </a>
                        </li>
                        <li>
                            <a href="semesters.xhtml"><i class="fa fa-table"></i> <span>Manage Semesters</span></a>
                        </li>
                        <li>
                            <a href="subjects.xhtml"><i class="fa fa-table"></i> <span>Manage Subjects</span></a>
                        </li>
                        <li>
                            <a href="students.xhtml"><i class="fa fa-table"></i> <span>Manage Students</span></a>
                        </li>
                        <li>
                            <a href="classes.xhtml"><i class="fa fa-table"></i> <span>Manage Classes</span></a>
                        </li>
                    </ul>
                </section>
            </aside>
            <aside class="right-side">                
                <!-- Main content -->
                <section class="content">
					
					<ui:insert name="content">
						[Template content will be inserted here]
					</ui:insert>
					
                </section><!-- /.content -->
            </aside>
        </div>
	</h:body>
</html>